<ion-header>
    <ion-toolbar>
        <ion-searchbar (ionInput)="getItems($event)" placeholder="搜索:如何学习Ionic开发"></ion-searchbar>
        <ion-icon name="text" class="top_header_message_icon" (tap)="goToChart()"></ion-icon>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="floatMenu">
        <ion-grid>
            <ion-row>
                <ion-col col-4 text-center>
                    <div (tap)="goToQuestion()">
                        <ion-icon name="create"></ion-icon> 提问
                    </div>
                </ion-col>
                <ion-col col-4 text-center>
                    <div>
                        <span style="float:left;color:#dddddd;">|</span>
                        <ion-icon name="albums"></ion-icon> 回答
                        <span style="float:right;color:#dddddd;">|</span>
                    </div>
                </ion-col>
                <ion-col col-4 text-center>
                    <div (tap)="goToQuestion()">
                        <ion-icon name="share-alt"></ion-icon> 分享
                    </div>
                </ion-col>
            </ion-row>
        </ion-grid>
    </div>
    <ion-card *ngFor="let item of feeds,let i = index;" (tap)="goDetail(item.IdentityId)">
        <ion-item>
            <ion-avatar item-start>
                <img [src]="item.HeadFace" alt="">
            </ion-avatar>
            <p>
                {{item.UserNickName}}&nbsp;回答了该问题
                <ion-icon name="more" class="moar_buttom"></ion-icon>
            </p>
        </ion-item>
        <h2>{{item.ContentTitle}}</h2>
        <ion-card-content>
            <p>{{item.ContentSummary}}</p>
        </ion-card-content>
        <ion-row>
            <ion-col col-8 center text-left>
                <ion-note>
                    {{item.LikeCount}}&nbsp;赞同&nbsp;&nbsp;·&nbsp;&nbsp;{{item.CommentCount}}&nbsp;评论&nbsp;&nbsp;·&nbsp;&nbsp;关注问题
                </ion-note>
            </ion-col>
            <ion-col col-4></ion-col>
        </ion-row>
    </ion-card>
</ion-content>